<template>
    <div >
      <table  class="table-style-baseinfo">
        <tr>
            <td class="text-right-background-color">{{$t('mainbase.name')}}:</td>
            <td class="text-left-background-none">{{dataForm.name}}</td>
            <td class="text-right-background-color">{{$t('mainbase.gender')}}:</td>
            <td class="text-left-background-none">{{dataForm.sex==='1'?'男':(dataForm.sex==='2'?'女':'')}}</td>
        </tr>
        <tr>
            <td class="text-right-background-color">{{$t('mainbase.age')}}:</td>
            <td class="text-left-background-none">{{dataForm.age}}</td>
            <td class="text-right-background-color">{{$t('mainbase.affiliatedUnit')}}:</td>
            <td class="text-left-background-none">{{dataForm.department}}</td>
        </tr>
        <tr>
          <td class="text-right-background-color">{{$t('mainbase.titleTechnical')}}:</td>
          <td class="text-left-background-none" >{{dataForm.proTitle}}</td>
          <td class="text-right-background-color">{{$t('mainbase.status')}}:</td>
          <td class="text-left-background-none" >{{dataForm.isEnabled===1?'启用':'停用'}}</td>
        </tr>
        <tr>
            <td class="text-right-background-color">{{$t('mainbase.phone')}}:</td>
            <td class="text-left-background-none">{{dataForm.contactPhone}}</td>
            <td class="text-right-background-color">{{$t('mainbase.contactEail')}}:</td>
            <td class="text-left-background-none">{{dataForm.contactEmail}}</td>
        </tr>
        <tr v-if="dataList==='专家'">
            <td class="text-right-background-color">{{$t('mainbase.mailAddress')}}:</td>
            <td class="text-left-background-none" :colspan="3" style="max-width: 300px; word-wrap: break-word; overflow: auto;">{{dataForm.linkAddress}}</td>
        </tr>
        <tr v-else>
            <td class="text-left-background-none" :colspan="4"></td>
        </tr>
        <tr>
            <td class="text-right-background-color" >{{$t('mainbase.introduc')}}:</td> 
            <!-- v-if="dataList==='专家'" -->
            <!-- <td class="text-right-background-color" v-else>{{$t('mainbase.instructors')}}:</td> -->
            <td class="text-left-background-none" :colspan="3" style="max-width: 300px; word-wrap: break-word; overflow: auto;">{{dataForm.introduction}}</td>
           
        </tr>
        <tr>
            <td class="text-right-background-color">{{$t('internship.account')}}:</td>
            <td class="text-left-background-none" style="max-width: 300px; word-wrap: break-word; overflow: auto;">{{dataForm.account}}</td>
            <td class="text-right-background-color">{{$t('internship.password')}}:</td>
            <td class="text-left-background-none" style="max-width: 300px; word-wrap: break-word; overflow: auto;">{{dataForm.password}}</td>
        </tr>
      
      </table>
    </div>
    
</template>
<script>
// import InnovationEntrepreneurshipPracticeApi from "common/src/api/innovative/InnovationEntrepreneurshipPractice";
// import {downloadfile} from "common/src/api/upload";
// import HistoryTable from './HistoryTable'
export default {
  props: {
    dataListProp: {
      type: Object
    },
    dataList: {
      type: String
    },
    showFlag: {
      type: Boolean,
      default: false
    }
  },
  watch: {
    showFlag: {
      handler: function(newV, oldV) {
        if (newV) {
          // console.log(this.dataList);
          
          if (this.dataListProp) {
            this.dataForm = JSON.parse(JSON.stringify(this.dataListProp));
          }
        }
      }
    }
  },
  data() {
    return{
      queryForm: {}, //接收路由跳转的数据
      dataForm: {}, //表格数据
      curCheckStandard: '',
      curPracticeId: '',
      mainbase: {
        opinion: '',
        fileList: [],
        achievementId: '',
        studentId: '',
        practiceId: '',
        calendarId: ''
      },
      mainbaseRule: {
        opinion: [
            {
                required: false,
                message: this.$t('myExamine.reviewComments'),
                trigger: "change"
            }
        ]
      },
      tableData: []
    }
  },
  
  methods: {
    
  },
  created() {
    // console.log(this.dataList);
    if (this.dataListProp) {
      this.dataForm = JSON.parse(JSON.stringify(this.dataListProp));
      // this.queryForm.expertType = JSON.parse(JSON.stringify(this.dataListProp.fromSys));
    }
  }
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.inner-breadcrumb {
    .breadcrumb {
        span {
            font-weight: normal;
            color: #aaa;
        }
        a {
            font-weight: normal;
            color: #aaa;
        }
        a:hover {
            color: #409eff;
        }
        .last {
            font-weight: bold !important;
            cursor: default !important;
        }
        .disable {
            cursor: default !important;
        }
    }
}
.condition-title-p {
    font-weight: 400;
    font-style: normal;
    color: #2b3b4e;
    font-size: 18px;
    margin-bottom: 15px;
}
.base-info-title {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #2b3b4e;
}
.table-style-baseinfos {
    background-color: rgba(210, 212, 214, 1);
    box-sizing: border-box;
    border-width: 0.5px;
    border-style: solid;
    border-color: rgba(210, 212, 214, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    font-weight: 401;
    font-style: normal;
    font-size: 14px;
    color: #8896a7;
    margin-bottom: 20px;
}
.table-style-baseinfo {
    background-color: rgba(210, 212, 214, 1);
    box-sizing: border-box;
    border-width: 0.5px;
    border-style: solid;
    border-color: rgba(210, 212, 214, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    font-weight: 401;
    font-style: normal;
    font-size: 14px;
    color: #8896a7;
    margin-bottom: 20px;
}
.table-style-baseinfos td {
    width: 25%;
    background-color: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 401;
    font-style: normal;
    font-size: 14px;
    color: #2b3b4e;
    height: 32px;
    padding: 0 10px;
}
.table-style-baseinfo td {
    // width: 25%;
    background-color: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 401;
    font-style: normal;
    font-size: 14px;
    color: #2b3b4e;
    height: 32px;
    padding: 0 10px;
}
.table-style-baseinfos .text-right-background-color {
    background-color: #fdfeff4d;
    text-align: right;
}
.table-style-baseinfo .text-right-background-color {
    background-color: #fdfeff4d;
    text-align: right;
}
.text-center-background-color {
  background-color: #fdfeff4d;
  text-align: center;
}
.text-center-background {
  text-align: center;
}
.text-left-background-none {
    text-align: left;
}
</style>